<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="home.php">Home</a></li>
					 
              <li ><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- <div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn" href="registrasi.php"/>
    </form>
	</div> -->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Bungkul" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Bungkul</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 715px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		<h1> Penjadwalan </h1>
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<style>
		div
		{
		text-align:justify;
		text-justify:inter-word;
		}
		</style>
	
		   <div id="page">
                <div id="page-bgtop">
                    <div id="content">
                        <div class="post">
                            <h2 class="title"><a href="#">Penjadwalan Garboyo</a></h2>
                            <div style="clear: both;">&nbsp;</div>
                            <div class="entry">
                                <form method="post" action="verifikasijadwal.php" >
                                    <fieldset>
                                        <table width="597">
                                            <tr>
                                                <td>
                                                    <fieldset>
                                                        <legend><h4>Isi Biodata Dan Penjadwalan Anda</h4></legend>
                                                        <table>
                                                            <tr>
                                                                <td>Nama Lengkap</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='nama_lengkap' /></td>
                                                            </tr>                                                           
                                                            <tr>
                                                                <td>Alamat</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='alamat' /></td>
                                                            </tr>															
															<tr>
                                                                <td>No.Hp</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='no_hp' /></td>
                                                            </tr>															                                                          
                                                            <tr>
                                                                <td>No.Telp</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='no_telepon' /></td>
                                                            </tr>
															<tr>
                                                                <td>Email</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='nama_email' /></td>
                                                            </tr> 
															<tr>
                                                                <td>Hari</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='nama_hari' /></td>
                                                            </tr> 
															<tr>
                                                                <td>Tanggal</td>
                                                                <td>:</td>
                                                                <td><input type='text' name='tanggal' />
                                                            </tr> 
															<tr>
                                                                <td>Rute</td>
                                                                <td>:</td>
                                                                <td><select name = "rute">
																<option value = "rute 1">rute 1 - 6 jam</option>
																<option value = "rute 2">rute 2 - 8 jam</option>
																<option value = "rute 3">rute 3 - 12 jam</option>
																</select>
																</td>	
                                                            </tr>
															<tr>
                                                                <td>Informasi Tambahan</td>
                                                                <td>:</td>
                                                                <td><textarea cols="40" rows="8" name="informasi" id="textarea"></textarea></td>
                                                            </tr>
															</table>
															<tr>
															<td><input type="submit" value="SUBMIT"></td>
															</tr>
                                                    </fieldset>
                                                </td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div id="sidebar">
		
		
          </div>
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>

